<template>
  <div>
    <p class="f16">管理员信息</p>
    <div class="mt-10 flex flex-column align-center justify-center" style="width:300px">
      <Form ref="formData" :model="formData">
        <FormItem prop="username" label="用户名称:">
          <Input type="text" v-model="formData.username" style="width:300px" :disabled="isEdit" />
        </FormItem>
        <FormItem prop="personalizedSignature" label="个性签名:">
          <Input type="textarea" v-model="formData.personalizedSignature" style="width:300px" :disabled="isEdit" />
        </FormItem>
      </Form>
      <!-- <Button type="primary" style="width:140px" @click="modification">{{ isEdit? '修改': '保存' }}</Button> -->
    </div>
    
  </div>
</template>
<script>
export default {
  data () {
    return {
      formData: {},
      isEdit: true,
    }
  },
  created() {
    this.formData = JSON.parse(localStorage.getItem('userInfo'))
  },
  mounted() {

  },
  methods: {
    // 修改
    modification() {
      this.isEdit = !this.isEdit
      if (this.isEdit) {
        console.log('2123')
      }
    }
  },
}
</script>
<style lang='less' scoped>
</style>